<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <title>Netto</title>
    </head>



<body>
<!-- MENU NOVO -->
<div class="img-inicio-propostas">
    <img src="imagens/documentos.jpg" alt=""> 
</div>

<div class="titulo-aba">
    <h2>Contato</h2>
    <h1>Contato</h1>
</div>

<div class="forma-menu">
    <div class="line" id="line1"></div>
    <div class="line" id="line2"></div>
    <div class="line" id="line3"></div>
</div>
<nav class="menu">
    <div class="menu-oculto">
        <ul class="nav-menu">
            <li class="nav__menu-intem"><a href="index.html">Início</a></li>
            <li class="nav__menu-intem"><a href="propostas.html">Propostas</a></li>    
            <li class="nav__menu-intem"><a href="news.html">Notícias</a></li>
            <li class="nav__menu-intem"><a href="eventos.html">Eventos</a></li>
            <li class="nav__menu-intem"><a href="contato.html">Contato</a></li>
        </ul>
    </div>

    <ul class="nav-menu2">
        <li id="midia1" class="menu-item"><a href="https://www.instagram.com/nettomarquespa/" target="_blank"><img src="/imagens/instagram-azul.png"></a></li>
        <li id="midia2" class="menu-item"><a href="https://www.facebook.com/nettomarquespa" target="_blank"><img src="/imagens/facebook-azul.png"></a></li>
        <li id="midia3" class="menu-item"><a href="https://www.youtube.com/user/omnetto9" target="_blank"><img src="/imagens/youtube-azul.png"></a></li>
        <li id="midia4" class="menu-item"><a href="https://twitter.com/nettomarquespa?s=09" target="_blank"><img src="/imagens/twitter-azul.png"></a></li>
        <li id="midia5" class="menu-item"><a href="https://t.me/nettomarquespa" target="_blank"><img src="/imagens/telegrama-azul.png" ></a></li>
        <div class="apoia">
            <li class="apoia">
                <a href="https://apoia.org/netto" target="_blank"><img style="max-height:39.5px" src="https://apoia.org/img/shared/bt-apoia-2-2.png" alt=""></a><!--37px-->
            </li>
        </div>
    </ul>

        <div class="logo">
            <img src="/imagens/logo-site.png">
        </div>
</nav>


<div class="texto-contato">
    <h1>Entre em contato conosco</h1>
    <div class="traco3"></div>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis odit quos, vel qui laudantium eos eveniet pariatur velit labore est impedit explicabo magni porro. Quas nostrum laborum cumque nulla sed.</p>
</div>

<section class="container-contato">
    <div class="ficha-contato">
        <form class="form" method="POST" action="./email.php">
            <input class="field" name="name" placeholder="Nome">
            <input class="field" name="telefone" placeholder="Telefone">
            <input class="field" name="email" placeholder="E-mail">
            <textarea class="field" name="mensagem" placeholder="Digite sua mensagem aqui"></textarea>
            <div class="bnt-contato">
                <input class="filed" type="submit" value="Enviar">
            </div>
        </form>
    </div>
</section>
<!--
<div class="midias-contato">
    <img src="/imagens/news.jpg" alt="">
</div>
-->
<div class="midias-contato">
    <h1>Redes Sociais</h1>
    <div class="traco4"></div>
    <ul>
        <li>
            <a href="https://www.instagram.com/nettomarquespa/" target="_blank" style="margin-left: 0;"><img src="/imagens/instagram.png" alt=""></a>
            <a href="https://www.instagram.com/nettomarquespa/" target="_blank">@nettomarquespa</a>
        </li>
        <li>
            <a href="https://www.facebook.com/nettomarquespa" target="_blank" style="margin-left: 0;"><img src="/imagens/facebook.png" alt=""></a>
            <a href="https://www.facebook.com/nettomarquespa" target="_blank">/nettomarquespa</a>
        </li>
        <li>
            <a href="https://twitter.com/nettomarquespa?s=09" target="_blank" style="margin-left: 0;"><img src="/imagens/twitter.png" alt=""></a>
            <a href="https://twitter.com/nettomarquespa?s=09" target="_blank">@nettomarquespa</a>
        </li>
        <li>
            <a href="https://vm.tiktok.com/ZMJhC55eX/" target="_blank" style="margin-left: 0;"><img src="/imagens/tiktok.png" alt=""></a>
            <a href="https://vm.tiktok.com/ZMJhC55eX/" target="_blank">@nettomarquespa</a>
        </li>
        <li>
            <a href="https://www.youtube.com/user/omnetto9" target="_blank" style="margin-left: 0;"><img src="/imagens/youtube.png"></a>
            <a href="https://www.youtube.com/user/omnetto9" target="_blank">/nettomarquespa</a>
        </li>
        <li>
            <a href="https://t.me/nettomarquespa" target="_blank" style="margin-left: 0;"><img src="/imagens/telegrama.png"></a>
            <a href="https://t.me/nettomarquespa" target="_blank">@nettomarquespa</a>
        </li>
        <li>
            <a href="https://parler.com/profile/nettomarquespa/posts" target="_blank" style="margin-left: 0;"><img src="/imagens/parler.png"></a>
            <a href="https://parler.com/profile/nettomarquespa/posts" target="_blank">@nettomarquespa</a>
        </li>
        <li>
            <a href="https://chat.whatsapp.com/CIW1yLNJLGPGHN81BGDtQZ" target="_blank" style="margin-left: 0;"><img src="/imagens/whatsapp.png"></a>
            <a href="https://chat.whatsapp.com/CIW1yLNJLGPGHN81BGDtQZ" target="_blank">Grupo no WhatsApp</a>
        </li>
    </ul>
</div>
    <ul>
<!--<div class="midias-contato2">
    <ul>
        <li><img src="/imagens/youtube.png"><a href="https://www.youtube.com/user/omnetto9" target="_blank">@Netto Marques</a></li>
        <li><img src="/imagens/telegrama.png"><a href="https://t.me/nettomarquespa" target="_blank">@Netto Marques</a></li>
        <li><img src="/imagens/parler.png"><a href="#" target="_blank">@nettopa</a></li>
        <li><img src="/imagens/whatsapp.png"><a href="#">Grupo do whatsApp</a></li>
    </ul>
</div>
-->
<footer class="footer">  
    <div class="copyright">
            <h1>@2020 Netto Marques.Todos os direitos reservados</h1>
        </div>
</footer>

</body>
</html>